/*
=========================
Le Journal (Responsive)
=========================
*/


/* normalize.css v2.1.2 | MIT License | git.io/normalize
    (truncated for example in book)
---------------------------------------------------------------- */

/* ::: HTML5 display definitions ::: */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

/* ::: Base ::: */
/**
 * Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* ::: Links ::: */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    /*outline: thin dotted;*/
}

a:active,
a:hover {
    outline: 0;
}

/* ::: Typography ::: */
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/* ::: Embedded content ::: */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}
/* -- end of abridged normalize -- */


/* GENERAL (APPLIED DIRECTLY TO ELEMENTS MOSTLY)
------------------------------------------------ */
body {
    /*font: 100%/1.2 Georgia, "Times New Roman", serif;*/
    font: 100%/1.2 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
    background-color: #fafafa;
}

* {
    -webkit-box-sizing: border-box; /* Android <= 2.3, iOS <= 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}


a {
    color: #1162a4;
    text-decoration: none;
}

.more:after {
    content: ' »';
}

img {
    max-width: 100%;
}


/* html5boilerplate.com Clearfix
--------------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

img {
    max-width: 100%;
}

.ghost-center {
    position: relative;
}
.ghost-center::before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 1%;
    vertical-align: middle;
}
.ghost-center > * {
    display: inline-block;
    vertical-align: middle;
}

input[type='checkbox'] {
    position: relative;
    top: 1px;
}

pre, code {
    overflow: auto;
}


/* ===================== MEDIA QUERIES ===================== */

/* 320+
------------------------------------------ */
@media only screen and (min-width: 20em) {

}

/* 480+
------------------------------------------ */
@media only screen and (min-width: 30em) {

}

/* 480-767-only
------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 47.9375em) {

}

/* 600-767-only
------------------------------------------ */
@media only screen and (min-width: 37.5em) and (max-width: 47.9375em) {

}

/* 768+
------------------------------------------- */
@media only screen and (min-width: 48em) {
    body {
        font-size: 18px;
    }
}